<template>
	<view>
		<noData v-if="lists.length < 1" type="1" ndText="暂无数据"></noData>
		<view v-else class="detail-content" v-for="(item,index) in lists" :key="index">
			<image :src="$IMG_URL+item.avatar" mode=""></image>
			<view class="detail-content-right">
				<view class="detail-content-right-1">{{item.nickname}}</view>
				<view class="detail-content-right-2">{{item.mobile}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import noData from '@/components/no-data.vue';
	export default {
		components: {
			noData
		},
		data() {
			return {
				lists:[]
			}
		},
		onLoad() {
			this.init();
		},
		methods: {
			init() {
				this.$http('other.getChildList', {}, '获取中...').then(res => {
					if (res.code == 1) {
						this.lists = res.data.data
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #F6F7F9;
	}

	.detail-content {
		height: 174rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0 auto;
		background-color: #fff;
		display: flex;
		border-bottom: 1rpx solid #EEEEEE;
		image {
			width: 100rpx;
			height: 100rpx;
			margin: 50rpx 20rpx 0 20rpx;
			border-radius: 50%;
		}

		.detail-content-right {
			margin: 50rpx 20rpx 0 10rpx;
			.detail-content-right-1 {
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
			}

			.detail-content-right-2 {
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				margin-top: 15rpx;
			}
		}
	}
</style>